﻿<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="utf-8" />
<title>Ali Raad"الموقع التعريفي"</title>

<link rel="icon" type="image/png" href="hab/favicon.png" />
<meta name="description" content="" />
<meta name="keywords" content="" />
<meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;">

<!--CSS-->
<link rel="stylesheet" type="text/css" href="styles.css" media="screen" title="CSS" />

<!--JS-->
<script src="http://cdn.jquerytools.org/1.2.6/full/jquery.tools.min.js"></script>

<script>
$(document).ready(function() {
$(".network a").tooltip({ effect: 'slide', position: 'top center', relative: 'false', offset: [20, 8], });
});
</script>

<!--[if lte IE 8]>
<script src="js/html5.js"></script>
<![endif]-->

</head>
<body>
<!--WRAP-->
<div id="wrap">
	<div id="card">
		<!--HEADER-->
		<header id="header">
			<h1 class="name"> Ali Raad </h1> <!--Nom + Prenom -->
			<h2 class="job">اهلاً بك عزيزي الزائر في بطاقتي التعرفية</h2> <!-- Fonction -->
		</header>
		<!--MAIN-->
		<section id="main">
		 	<div class="avatar">
		 		<img src="img/Ali.jpg" alt="" title="" /> <!-- Votre photo taille 94X110 -->
		 	</div>
		 	<div class="aboutme">
		 		<h3 class="about">السيرة الذاتية</h3>
		 		<p class="describe"> Ali Raad > وهو عراقي من بغداد يقوم بأعمال تصاميم كرافيك وحلول مشاكل سوفت وير وهارد وير ومتابع أخر أخبار تكنولوجيا و هواينه تصاميم يحب العلم والاطلاع الى اخر تطورات العلمية وحفظ تاريخ البشرية تكنولوجية ,ويقوم بخدمة مساعدة الناس   . 
</p> <!-- Description limitée à 140 caractères -->
		 	</div>
			<div class="separator"></div>
			<ul class="informations">
				<li class="mail"><a>aaliraad@gmail.com</a></li> <!-- Email -->
                                                                     
				<li class="phone">غير ضروري </li> <!-- Téléphone -->
			</ul>
		</section>
		<!--FOOTER-->
		<footer id="footer">
			<div class="networks">
				
			
				<div class="network facebook">
					<a href="https://www.facebook.com/profile.php?id=100007944794651" target="_blank">تابعني على الفيس بوك</a> <!-- Facebook -->
					<span class="tooltip">اضفني ع فيس بوك</span>
				</div>
				
			</div>
		</footer>
	</div>
</div>
</body>
</html>